<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
	<th:block th:include="include :: header('新增新闻发布')"/>
	<th:block th:include="include :: datetimepicker-css"/>
	<th:block th:include="include :: bootstrap-fileinput-css"/>
	<th:block th:include="include :: summernote-css"/>
</head>
<body class="white-bg">
	<div class="wrapper wrapper-content animated fadeInRight ibox-content">
		<form class="form-horizontal m" id="form-news-add">
			<div class="form-group">
				<label class="col-sm-3 control-label is-required">新闻标题：</label>
				<div class="col-sm-8">
					<input name="newsTitle" class="form-control" type="text" required>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label is-required">新闻类型：</label>
				<div class="col-sm-8">
					<select name="newsType" class="form-control m-b" th:with="type=${@dict.getType('sys_news_type')}"
					        required>
						<option th:each="dict : ${type}" th:text="${dict.dictLabel}"
						        th:value="${dict.dictValue}"></option>
					</select>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">新闻内容：</label>
				<div class="col-sm-8">
					<input type="hidden" class="form-control" name="newsContent">
					<div class="summernote" id="newsContent"></div>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">新闻封面：</label>
				<div class="col-sm-8">
					<input type="hidden" name="newsPicture">
					<div class="file-loading">
						<input class="form-control file-upload" id="newsPicture" name="file" type="file">
					</div>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">新闻外链：</label>
				<div class="col-sm-8">
					<input name="newsUrl" class="form-control" type="text">
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">新闻状态：</label>
				<div class="col-sm-8">
					<div class="radio-box" th:each="dict : ${@dict.getType('sys_news_status')}">
						<input type="radio" th:id="${'status_' + dict.dictCode}" name="status"
						       th:value="${dict.dictValue}" th:checked="${dict.default}">
						<label th:for="${'status_' + dict.dictCode}" th:text="${dict.dictLabel}"></label>
					</div>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">新闻时间：</label>
				<div class="col-sm-8">
					<div class="input-group date">
						<input name="newsTime" class="form-control" placeholder="yyyy-MM-dd" type="text" required>
						<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
					</div>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">备注：</label>
				<div class="col-sm-8">
					<input name="remark" class="form-control" type="text">
				</div>
			</div>
		</form>
	</div>
	<th:block th:include="include :: footer"/>
	<th:block th:include="include :: datetimepicker-js"/>
	<th:block th:include="include :: bootstrap-fileinput-js"/>
	<th:block th:include="include :: summernote-js"/>
	<script th:inline="javascript">
		var prefix = ctx + "admin/news"
		$("#form-news-add").validate({
			focusCleanup: true
		});

		function submitHandler() {
			if ($.validate.form()) {
				$.operate.save(prefix + "/add", $('#form-news-add').serialize());
			}
		}

		$("input[name='newsTime']").datetimepicker({
			format: "yyyy-mm-dd",
			minView: "month",
			autoclose: true
		});

		$(".file-upload").fileinput({
			uploadUrl: '/party-platform/common/upload',
			maxFileCount: 1,
			autoReplace: true
		}).on('fileuploaded', function (event, data, previewId, index) {
			$("input[name='" + event.currentTarget.id + "']").val(data.response.url)
		}).on('fileremoved', function (event, id, index) {
			$("input[name='" + event.currentTarget.id + "']").val('')
		})

		$(function () {
			$('.summernote').summernote({
				lang: 'zh-CN',
				callbacks: {
					onChange: function (contents, $edittable) {
						$("input[name='" + this.id + "']").val(contents);
					},
					onImageUpload: function (files) {
						var obj = this;
						var data = new FormData();
						data.append("file", files[0]);
						$.ajax({
							type: "post",
							url: ctx + "common/upload",
							data: data,
							cache: false,
							contentType: false,
							processData: false,
							dataType: 'json',
							success: function (result) {
								if (result.code == web_status.SUCCESS) {
									$('#' + obj.id).summernote('insertImage', result.url);
								} else {
									$.modal.alertError(result.msg);
								}
							},
							error: function (error) {
								$.modal.alertWarning("图片上传失败。");
							}
						});
					}
				}
			});
		});
	</script>
</body>
</html>